<template>
  <div class="home">
    <headers />
    <!-- <section class="whyant">
      <div class="why-content">
        <h2>WHY ANTEQUE ?</h2>
        <ul class="list-content">
          <li>
            <div class="imgcon">
              <img src alt>
            </div>
            <h3>Worldwide</h3>
          </li>
          <li>
            <div class="imgcon">
              <img src alt>
            </div>
            <h3>Standardized</h3>
          </li>
          <li>
            <div class="imgcon">
              <img src alt>
            </div>
            <h3>Reliable</h3>
          </li>
          <li>
            <div class="imgcon">
              <img src alt>
            </div>
            <h3>Genuine</h3>
          </li>
        </ul>
      </div>
    </section>
    <section class="setps"></section>
    <section class="createTem">
      <div class="teamcon">
        <h2>CORE TEAM</h2>
        <div class="listteam">
          <div class="toux"></div>
          <h3>MR. EKKAPON</h3>
          <h3>YUANGNARK</h3>
          <h4>Chief Executive Officer</h4>
        </div>
        <div class="listteam">
          <div class="toux"></div>
          <h3>MR. EKKAPON</h3>
          <h3>YUANGNARK</h3>
          <h4>Chief Executive Officer</h4>
        </div>
        <div class="listteam">
          <div class="toux"></div>
          <h3>MR. EKKAPON</h3>
          <h3>YUANGNARK</h3>
          <h4>Chief Executive Officer</h4>
        </div>
        <div class="listteam">
          <div class="toux"></div>
          <h3>MR. EKKAPON</h3>
          <h3>YUANGNARK</h3>
          <h4>Chief Executive Officer</h4>
        </div>
        <div class="listteam">
          <div class="toux"></div>
          <h3>MR. EKKAPON</h3>
          <h3>YUANGNARK</h3>
          <h4>Chief Executive Officer</h4>
        </div>
        <div class="listteam">
          <div class="toux"></div>
          <h3>MR. EKKAPON</h3>
          <h3>YUANGNARK</h3>
          <h4>Chief Executive Officer</h4>
        </div>
        <div class="listteam">
          <div class="toux"></div>
          <h3>MR. EKKAPON</h3>
          <h3>YUANGNARK</h3>
          <h4>Chief Executive Officer</h4>
        </div>
      </div>
    </section>-->
    <Login/>
  </div>
</template>

<script>
import headers from "@/components/header";
import Login from  "@/views/login/index"
import titlescom from "@/components/content-title";
export default {
  components: {
    titlescom,
    headers,
    Login
  }
};
</script>
<style scoped lang="less">
// .whyant {
//   width: 100%;
//   height: 480px;
//   background: #fff;
//   .why-content {
//     width: 1200px;
//     height: 480px;
//     margin: 0 auto;
//     padding-top: 80px;
//     box-sizing: border-box;
//     h2 {
//       color: #ffae45;
//       height: 40px;
//       line-height: 40px;
//       text-align: center;
//       width: 100%;
//       font-size: 26px;
//       margin-bottom: 60px;
//     }
//     .list-content {
//       width: 100%;
//       height: 175px;
//       display: flex;
//       justify-content: space-between;
//       li {
//         width: 185px;
//         height: 185px;
//         text-align: center;
//         .imgcon {
//           display: block;
//           height: 140px;
//         }
//         h3 {
//           color: #000;
//           font-size: 20px;
//           margin-top: 20px;
//         }
//       }
//     }
//   }
// }
// .setps {
//   width: 100%;
//   height: 1114px;
//   background: #fdb747;
// }
// .createTem {
//   background: 100%;
//   height: auto;
//   overflow: hidden;
//   background: #fff;
//   .teamcon {
//     width: 1100px;
//     height: auto;
//     overflow: hidden;
//     margin: 0 auto;
//     padding: 90px 0;
//     box-sizing: border-box;
//     h2 {
//       height: 40px;
//       line-height: 40px;
//       text-align: center;
//       font-size: 26px;
//       color: #ffae45;
//     }
//     .listteam {
//       width: 240px;
//       height: auto;
//       overflow: hidden;
//       text-align: center;
//       margin-top: 100px;
//       float: left;
//       margin-right: 46px;
//       .toux {
//         width: 200px;
//         height: 200px;
//         background: #ffae45;
//         border-radius: 50%;
//         margin-bottom: 40px;
//       }
//       h3 {
//         font-size: 24px;
//         color: #ffae45;
//       }
//       h4 {
//         font-size: 16px;
//         color: #000;
//       }
//       &:nth-child(4n + 1) {
//         margin-right: 0px;
//       }
//     }
//   }
// }
</style>

